﻿    <div id="listBocuherView" data-role="view" 
         data-title=" Pagos"
         data-model="BoxSportSystem.pagosList.viewModel"
         data-show="BoxSportSystem.pagosList.onShow"
         data-layout="mainLayout">
        
        <header data-role="header">
            <div data-role="navbar">  
                <span data-role="view-title">Proveedores</span>                
            </div>
        </header>
   
            <div style="padding: 2px;">
              <input style="width: 100%" data-bind="value: criterio" type="search" placeholder=" Introduce poveedor" class="form-control" id="txtProductoSearch"/>
              <button style="width: 100%" data-role="button" data-bind="click: buscar" data-icon="search">BUSCAR</button>
              <!--<a class="nav-button" data-align="right" data-role="button" data-icon="search"></a>-->                
            </div>
        <ul id="listBoucher" data-style="Group"
            data-template="pagosListTemplate"
            data-bind="source: pagosDataSource"
            data-role="listview">
            
            <li><a href="view/Pagos/detallePago.html#boucherDetalleModal" >Lino Sport</a></li>
            <li><a href="view/Pagos/detallePago.html#boucherDetalleModal" >Confecciones G&A </a></li>
            <li><a href="view/Pagos/detallePago.html#boucherDetalleModal" >Importaciones Rodas SAC</a></li>
            <li><a href="view/Pagos/detallePago.html#boucherDetalleModal" >Lino Sport</a></li>
        </ul>
    </div>
<script id="pagosListTemplate" type="text/x-kendo-tpml">
    #var url = 'view/Pagos/detallePago.html\\#boucherDetalleModal?idPago=' + data.Id #
    
    <a href="${url}">
        <ul data-type="group" data-role="listview">
            <li>
                ${data.Proveedor.NombreEmpresa}<br/>
                <ul>
                    <li>Fecha: ${data.FechaPago}</li>
                </ul>
            </li>
        </ul>
    </a>
</script>